<!doctype html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <style>
            .round {
                width: 16px;
                height: 10px;
                font-size: 30px;
                line-heigth: 16px;
                text-align: center;
                color: blue;
                text-decoration: none
            }
        </style>
        <%@ taglib prefix="perm" uri="http://wanhuakeji.com/permission" %>
        <%@ include file="/WEB-INF/views-jsp/include/taglib/taglib.jsp" %>
        <%@ include file="/WEB-INF/views-jsp/include/script/script.jsp" %>
        <%@ include file="/WEB-INF/views-jsp/include/link/link.jsp" %>
    </head>
    <body style="height:100%; ">
         <div class="place" style="margin-top: -40px;">
             <span>当前位置：</span>
             <ul class="placeul">
                 <li><a id="company" href="${path}/groupInfo/index.do?prId=${groupInfoOut.projectId}">班组管理</a></li>
                 <li><a>班组详情</a></li>
             </ul>
         </div>
        <div style="margin-top: 40px;margin-left: 5%;width:80%">
            <div>
                <span class="round">●</span>
                <span style="margin-left: 2%;font-size:16px"> 基本信息</span>
            </div>
            <div style="margin-top:5px">
                <span style="font-size:16px;display:block;float:left">班组名称：${groupInfoOut.groupName}</span>
                <span style="margin-left: 50%;font-size:16px;display:block;float:left">所属项目：${groupInfoOut.projectName}</span>
            </div>
            <div style="margin-top:5px; clear: both">
                <span style="font-size:16px;display:block">班组人数：${groupInfoOut.groupPersonCount}人</span>
            </div>
            <div style="margin-top:40px">
                <span class="round">●</span>
                <span style="margin-left: 2%;font-size:16px">班组成员</span>
            </div>
            <c:forEach items="${workerInfoList}" var="workerInfo">
                <div style="margin-top:15px;clear:both;height:100px">
                    <div style="float:left">
                        <image src="${workerInfo.headImg}" width="92px" height="96px"/>
                    </div>
                    <div style="float:left;margin-left: 50%;font-size:20px">
                        <table style="text-align:left">
                            <tr>
                                <td width="130px" height="40px">姓名：${workerInfo.name}</td>
                                <td width="100px">性别：${workerInfo.sex}</td>
                            </tr>
                            <tr>
                                <td>身份证号：${workerInfo.idCard}</td>
                            </tr>
                            <tr>
                                <td>年龄：${workerInfo.age}岁</td>
                            </tr>
                            <tr>
                                <td>卡号：${workerInfo.cardNo}</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div style="margin-top:15px;clear:both;height:10px">
                    <hr style="width:100%;
                                margin:0 auto;
                                border: 0;
                                height: 0;
                                border-top: 1px solid grey;
                                border-bottom: 1px solid rgba(255, 255, 255, 0.3);"/>
                </div>
            </c:forEach>
        </div>
    </body>
</html>
